<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>
<body>

    <div class="box">hello,jquery</div>
    <input type="text" value="hello,jquery">
    <img src="../imgs/BING.JPG" alt="bing">
    <a href="#" alt="测试"></a>

    <script>

        //1.html() 方法设置或返回被选元素的内容（innerHTML）。
        var content = $('.box').html();
        console.log(content);
        $('.box').html('jQuery html() 方法'); //设置内容

        //2.val() 方法设置或返回被选元素的值。
        // $('input').val('jQuery val() 方法'); //设置值
        var val = $('input').val(); //获取值
        console.log(val);

        //3.attr() 方法设置或返回被选元素的属性和值。
        var src = $('img').attr('src'); //获取属性值
        console.log(src);
        $('img').attr('title','bing图片'); //设置属性值

        //4.removeAttr() 方法移除被选元素的属性。
        $('a').removeAttr('alt');





    </script>
</body>
</html>